<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>联系我们</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/contact_us.css">
    <script src="../js/jquery-3.6.4.min.js"></script>
    <script src="../js/common.js"></script>
    <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=0iOFpZH5GnSzSV3teiDSuNvGC3RKUMxP"></script>
</head>
<body class="justify-content-center">
<div class="all border-blue width-1962">
    <!--    头部导航栏-->
    <div id="top"></div>
    <!--    轮播图盒子-->
    <div id="rotation"></div>
    <!--    联系方式地理位置-->
    <div class="seat justify-content-center">
        <div class="padding-width-50">
            <div class="title-end">洛网律师事务所</div>
            <div class="contact-info justify-content-start margin-top-15">
                <div class="md1 text-color-gray">
                    <div>地址:&nbsp;四川省成都市孵化园</div>
                    <div>电话:&nbsp;0280000008(座机)</div>
                    <div>传真:&nbsp;00-6666000</div>
                </div>
                <div class="md2 text-color-gray">
                    <div>邮编:&nbsp;515535</div>
                    <div>手机:&nbsp;2555000000</div>
                    <div>邮箱:&nbsp;admin@163.com</div>
                </div>
            </div>
        </div>
        <div class="justify-content-center">
            <div id="container" class="location"></div>
        </div>
    </div>
    <!--    表单-->
    <div class="form">
        <div class="justify-content-center">
            <div class="form-title">
                <div><span>你的建议是我们最大的动力</span></div>
                <div><span>你有好的建议欢迎给我们提供</span></div>
            </div>
            <!--        表单内容-->
        </div>
        <div class="form-cont justify-content-center margin-top-60">
            <form>
                <!--              第一行两个-->
                <div class="justify-content-start">
                    <div class="put">
                        <div><span class="redStar">你的姓名</span></div>
                        <div><input type="text" required></div>
                    </div>
                    <div class="put">
                        <div><span class="redStar">联系电话</span></div>
                        <div><input type="text" required pattern="^1(3[0-9]|5[0-3,5-9]|7[1-3,5-8]|8[0-9])\d{8}$"></div>
                    </div>

                </div>
                <!--              第二行两个-->
                <div class="justify-content-start">
                    <div class="put">
                        <div><span class="redStar">电子邮箱</span></div>
                        <div><input type="text" pattern="^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$" required></div>
                        <div>
                            <button type="submit">马上提交</button>
                        </div>
                    </div>
                    <div class="put">
                        <div><span class="redStar">留言内容</span></div>
                        <div><input type="text" required></div>
                    </div>
                </div>

            </form>
        </div>
    </div>
    <!--    尾部盒子-->
    <div id="foot"></div>
</div>
<script>
    $(".redStar").each(function() {var $this = $(this);$(this).html($this.html()+"<font color=#f50808>*</font>");});
</script>
</body>
</html>
<script>
    var map = new BMapGL.Map('container'); // 创建Map实例
    var point= new BMapGL.Point(104.066613,30.579274)
    map.centerAndZoom(point, 18); // 初始化地图,设置中心点坐标和地图级别
    map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放


    var marker = new BMapGL.Marker(point);  // 创建标注
    map.addOverlay(marker);              // 将标注添加到地图中
    var opts = {
        width : 200,     // 信息窗口宽度
        height: 100,     // 信息窗口高度
        title : "洛网岗前集训中心" , // 信息窗口标题
        message:"这里是洛网"
    }
    var infoWindow = new BMapGL.InfoWindow("地址：武侯区孵化园9号园区-E座四楼", opts);  // 创建信息窗口对象
    marker.addEventListener("click", function(){
        map.openInfoWindow(infoWindow, point); //开启信息窗口
    });
</script>